<ion-view>
  <ion-header-bar class="bar bar-header header">
    <button on-touch="goback()" class="button  return-btn">返回</button>
    <h1 class="title" on-touch="backToTop()">酒款详情</h1>
  </ion-header-bar>
  <ion-content class="has-footer gray-bg" has-bouncing="true">
    <div ng-if="wine">
        <div class="slider product-banner">
          <ion-slide-box does-continue="true" auto-play="true" slide-interval="3000" ng-if="wine.wineImgsWithWh">
            <ion-slide ng-repeat="img in wine.wineImgsWithWh">
              <img ng-src="{{picPath}}{{img.src}}" width=100% height=250px ng-click="showBigWineImg($index)"/>
            </ion-slide>
          </ion-slide-box>
        </div>
        <div class="product-msg">
            <h3>{{wine.wine_cn_name}}&nbsp;&nbsp;<button ng-if="wine.wine_audio" class="product-msg-btn" on-touch="playAudio()" type="button"></button></h3>
            <p class="product-msg-eng" ng-bind="wine.wine_en_name"></p>
            <p class="product-msg-year" ng-if="wine.wine_year&&wine.wine_year!=''&&wine.wine_year!='+'&&wine.wine_year!='﹢'&&wine.wine_year!='NV'">年份&nbsp;&nbsp;Vintage： {{wine.wine_year}}</p>
            <p ng-if="wine.wine_price">参考价&nbsp;&nbsp;Ref. Price： ￥{{getFormatNum(wine.wine_price)}}</p>
        </div>
        <div class="list">
            <ul>
                <li class="item item-divider product-msg-title gray-bg">
                    <h3>酒款详情<br/><span class="product-msg-li-eng">Details</span></h3>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.country_cn_name||wine.country_en_name">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon1.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <h3 class="product-msg-li-tit">产国：<br/><span class="product-msg-li-eng">Country</span></h3>
                        <h3 ng-bind="wine.country_cn_name"></h3>
                        <p class="product-msg-li-eng" ng-bind="wine.country_en_name"></p>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.area_cn_name||wine.area_en_name">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon2.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">产区：<br/><span class="product-msg-li-eng">Region</span></div>
                        <h3 ng-bind="wine.area_cn_name"></h3>
                        <p class="product-msg-li-eng" ng-bind="wine.area_en_name"></p>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.wine_cn_varieties||wine.wine_en_varieties">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon3.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">品种：<br/><span class="product-msg-li-eng">Variety</span></div>
                        <h3 ng-bind="wine.wine_cn_varieties"></h3>
                        <p class="product-msg-li-eng" ng-bind="wine.wine_en_varieties"></p>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.wine_cn_jardiniere||wine.wine_en_jardiniere">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon4.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">搭配菜式：<br/><span class="product-msg-li-eng">Food Pairing</span></div>
                        <h3 ng-bind="wine.wine_cn_jardiniere"></h3>
                        <p class="product-msg-li-eng" ng-bind="wine.wine_en_jardiniere"></p>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" style="height:70px" ng-if="wine.wine_adapter_temp">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon5.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">适饮温度：<br/><span class="product-msg-li-eng">Temperature</span></div>
                        <h3>{{wine.wine_adapter_temp}}℃</h3>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.occasionShow||wine.enoccasionShow">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon6.png" alt=""/></i>
                  <div class="product-msg-li-con">
                    <div class="product-msg-li-tit">适饮场合：<br/><span class="product-msg-li-eng">Occasion</span></div>
                    <h3 ng-bind="wine.occasionShow"></h3>
                    <p class="product-msg-li-eng"  ng-bind="wine.enoccasionShow">family gathering dating</p>
                  </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.wine_cn_desc||wine.wine_en_desc">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon8.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">酒款描述：<br/><span class="product-msg-li-eng">Description </span></div>
                        <h3 ng-bind="wine.wine_cn_desc"></h3>
                        <p class="product-msg-li-eng" ng-bind="wine.wine_en_desc"></p>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.wine_cn_comment||wine.wine_en_comment">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon7.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">专家点评：<br/><span class="product-msg-li-eng">Highlights</span></div>
                        <h3 ng-bind="wine.wine_cn_comment"></h3>
                        <p class="product-msg-li-eng" ng-bind="wine.wine_en_comment"></p>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" style="height:70px" ng-if="wine.wine_competition||wine.wine_award_year||wine.wine_ranking">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon9.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">获奖情况：<br/><span class="product-msg-li-eng">Accolades</span></div>
                        <h3>
                          {{wine.wine_competition}}/{{wine.wine_award_year}}/{{wine.wine_ranking}}
                        </h3>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" ng-if="wine.brand_desc">
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon10.png" alt=""/></i>
                    <div class="product-msg-li-con">
                        <div class="product-msg-li-tit">品牌介绍：<br/><span class="product-msg-li-eng">Winery Info</span></div>
                        <h3 ng-bind="wine.brand_desc"></h3>
                    </div>
                </li>
                <li class="item item-icon-left product-msg-li-item" style="height:70px" ng-click="readChateauStory()" ng-if="wine.wine_chateau_story">
                  <!--<a href="#/book-details/{{wine.wine_chateau_story}}">-->
                    <i class="icon product-msg-li-icon"><img ng-src="img/product-item-icon11.png" alt=""/></i>
                    <div class="product-msg-li-con">
                            <div class="product-msg-li-tit">酒庄故事：<br/><span class="product-msg-li-eng">Story</span></div>
                            <span class="fr product-msg-li-more"></span>
                    </div>
                 <!-- </a>-->
                </li>
                <li class="item item-icon-left product-msg-li-item" style="height:70px" ng-click="seeWineVideo()" ng-if="wine.wine_video_url">
                 <!-- <a href="#/video-details/{{wine.wine_video_url}}">-->
                    <i class="icon product-msg-li-icon">
                      <img ng-src="img/product-item-icon12.png" alt=""/></i>
                    <div class="product-msg-li-con">
                            <div class="product-msg-li-tit">酒庄视频：<br/><span class="product-msg-li-eng">Video</span></div>
                            <span class="fr product-msg-li-more"></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
  </ion-content>
  <ion-footer-bar class="bar bar-footer">
    <div ng-if="wine">
      <div class="tabs tabs-icon-only ctrl-nav">
        <a class="tab-item" on-touch="collectWine()">
          <i class="icon ctrl-collect-btn" ng-class="{'active':wine.mcStatus}"></i>
        </a>
        <a class="tab-item" ng-href="#/wineComment/{{wine.wine_id}}">
          <i class="icon ctrl-comment-btn"><em class="ctrl-nav-num" ng-bind="wine.wine_comment_num"></em></i>
        </a>
      </div>
      <button class="button product-msg-bottom-btn" type="button" on-touch="add2WineRecommend()">加入酒单</button>
    </div>
  </ion-footer-bar>
</ion-view>
